<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>大成方略乐橙客户管理系统</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <!--轮播图-->
    <!--<link rel="stylesheet" href="/css/swiper-bundle.min.css"/>-->
    <!--对话框-->
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/swiper/swiper.min.css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/csd-main.css"/>
</head>
<body class="main-body">
<div class="container-fluid">
    <div class="row top-action">
        <div class="col-xs-7">
            <h3><img src="/images/icon-home-1.png" alt="">审核简报</h3>
        </div>
        <!--<div class="col-xs-5">
            <label class="pull-right time-action">
                <i class="mdi mdi-calendar-range"></i>
                <input type="text" class="form-control" id="dateYear">
            </label>
        </div>-->
    </div>
    <div class="overview">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <span>合同未审核 <i class="mdi mdi-arrow-up-bold"></i></span>
                    <strong class="data-change" id="cntractReview" onclick="goPage('contract')"></strong>
                </div>
                <div class="swiper-slide">
                    <span>关联未审核 <i class="mdi mdi-arrow-up-bold"></i></span>
                    <strong class="data-change" id="customerRelation" onclick="goPage('relate')"></strong>
                </div>
                <div class="swiper-slide">
                    <span>兑换未审核 <i class="mdi mdi-arrow-up-bold"></i></span>
                    <strong class="data-change" id="productExchange" onclick="goPage('exchange')"></strong>
                </div>
                <div class="swiper-slide">
                    <span>回款未审核 <i class="mdi mdi-arrow-up-bold"></i></span>
                    <strong class="data-change" id="bankFlowExamine" onclick="goPage('returnMoney')"></strong>
                </div>
                <div class="swiper-slide">
                    <span>退款未审核 <i class="mdi mdi-arrow-up-bold"></i></span>
                    <strong class="data-change" id="customerProductOrder" onclick="goPage('refund')"></strong>
                </div>
            </div>
        </div>
        <div class="swiper-button-next"><span class="mdi mdi-chevron-right"></span></div>
        <div class="swiper-button-prev"><span class="mdi mdi-chevron-left"></span></div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="card box-new-card" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-2.png" alt="">系统公告</h4>
                    <div class="card-actions">
                        <div class="searchs pull-left">
                            <input type="text" id="searchInfo" placeholder="请输入公告名称" autocomplete="off" class="s-input">
                            <!--                            <i class="mdi mdi-magnify"></i>-->
                            <button onClick="announcementTableInit()" type="button" class="s-button"><img src="/images/l-search.png" alt=""></button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <table id="announcement_list"></table>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="card box-new-card" style="height: 500px;">
                <div class="card-header top-action">
                    <h4><img src="/images/icon-home-5.png" alt="">合同趋势</h4>
                    <label class="pull-right time-action" style="margin-top:10px">
                        <i class="mdi mdi-calendar-range"></i>
                        <input type="text" class="form-control" readonly id="dateYear">
                    </label>
                </div>
                <div class="card-body p-0" style="width: 100%;height: 450px;padding-top:10px!important">
                    <div id="e-line" style="width: 100%;height: 450px"></div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="card box-new-card m-b-0" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-6.png" alt="">排行榜单</h4>
                </div>
                <div class="card-body">
                    <div class="rank-action clearfix">
                        <div class="rank-tab pull-left" id="rankTabs">
                            <input type="text" value="0" id="rankTabActive" hidden>
                            <span class="p-judg y-pointer p-active" data-tabs="0">业绩排行</span>
                            <span class="c-judg y-pointer" data-tabs="1">产品排行</span>
                        </div>
                        <div class="pull-right rank-datas">
                            <div class="input-group" style="width: 160px; float: left">
                                <input type="text" id="statisticsYear" class="form-control" style="width: 80px;">
                                <span class="input-group-addon">年</span>
                                <input type="text" id="statisticsMonth" class="form-control" style="width: 60px;" disabled>
                                <span class="input-group-addon">月</span>
                            </div>
                            <label class="lyear-radio radio-primary rank-all-data"><input type="radio" id="rankAllData" checked><span>全部</span></label>
                        </div>
                    </div>
                    <div class="l-wrap rank-body"></div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="card box-new-card m-b-0" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-4.png" alt="">消息提醒</h4>
                </div>
                <div class="card-body message-card">
                    <table id="messageTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>




<!--<div class="container-fluid" style="display: none">
    <div class="row top-action">
        <div class="col-xs-7">
            <div class="hot-notice" style="padding-right: 0">
                <img src="/images/icon-hotnews.png" alt="">
                <div class="bd">
                    <ul class="infoList" id="newsBox"></ul>
                </div>
            </div>
        </div>
        <div class="col-xs-5">
            <div id="browsData" class="select-switch pull-right">
                <label for="all"><input type="radio" name="date" value="" id="all" checked=""><span>全部</span></label>
                <label for="month"><input type="radio" name="date" value="thisMonth" id="month"><span>本月</span></label>
                <label for="year"><input type="radio" name="date" value="thisLastMonth" id="year"><span>上月</span></label>
            </div>
        </div>
    </div>
    <div class="overview">
        <div class="data-box">
            <div class="card">
                <strong class="data-change" id="rankingNumber"></strong>
                <span>业绩排名 <i class="mdi mdi-arrow-up-bold"></i></span>
                &lt;!&ndash;<img src="/images/skinFestival/minAutumn/data_icon_1.png" alt="">&ndash;&gt;
            </div>
            <div class="card">
                <strong class="data-change" id="customerMembershipNumber"></strong>
                <span>会员数 <i class="mdi mdi-arrow-up-bold"></i></span>
                &lt;!&ndash;<img src="/images/skinFestival/minAutumn/data_icon_2.png" alt="">&ndash;&gt;
            </div>
            <div class="card">
                <strong class="data-change" id="contactNumber"></strong>
                <span>联系人数 <i class="mdi mdi-arrow-down-bold"></i></span>
                &lt;!&ndash;<img src="/images/skinFestival/minAutumn/data_icon_3.png" alt="">&ndash;&gt;
            </div>
            <div class="card">
                <strong class="data-change" id="totalTelehoneHours"></strong>
                <span>电话时长 <i class="mdi mdi-arrow-up-bold"></i></span>
                &lt;!&ndash;<img src="/images/skinFestival/minAutumn/data_icon_4.png" alt="">&ndash;&gt;
            </div>
            &lt;!&ndash;<div class="card">
                <strong class="data-change" id="opportunityNumber"></strong>
                <span>商机数 <i class="mdi mdi-arrow-up-bold"></i></span>
            </div>&ndash;&gt;
            <div class="card">
                <strong class="data-change" id="royaltyMoneyTotal"></strong>
                <span>提成总金额数 <i class="mdi mdi-arrow-up-bold"></i></span>
                &lt;!&ndash;<i class="mdi mdi-lock-outline" id="hideMoney"></i>&ndash;&gt;
                &lt;!&ndash;<img src="/images/skinFestival/minAutumn/data_icon_5.png" alt="">&ndash;&gt;
            </div>
        </div>
    </div>

    <div class="r-width">
        <div class="clear-float" >
            <div class="aside">
                <div class="card box-new-card w-swiper" style="height: auto;">
                    <div class="card-header">
                        <h4><img src="/images/icon-home-1.png" alt="">今日资讯</h4>
                    </div>
                    <div class="card-body">
                        <div class="banner">
                            <div class="swiper-container" style="width: 100%;height: 100%; border-radius: 10px;">
                                <div class="swiper-wrapper" style="width: 100%;height: 100%;border-radius: 10px;">
                                    &lt;!&ndash;<div class="swiper-slide" style="background-image: url('/images/img-slide-3.png');background-position: inherit;"></div>&ndash;&gt;
                                    &lt;!&ndash;<div class="swiper-slide" style="background-image: url('/images/skinFestival/minAutumn/img-slide-3.jpg');background-position: inherit;"></div>&ndash;&gt;
                                    <div class="swiper-slide" style="background-image: url('/images/skinFestival/nationalDay/img-slide-3.jpg');background-position: inherit;"></div>
                                </div>
                                &lt;!&ndash;<div id="title3" style="display: none" th:text="${news[2].newsTitle}"></div>
                                <div class="swiper-button-next swiper-button-white n-swiper"></div>
                                <div class="swiper-button-prev swiper-button-white l-swiper"></div>&ndash;&gt;
                            </div>
                            <div class="swiper-bottom swiper-layer" onclick="goDetail()" style="visibility: hidden">
                                <a href="JavaScript:void(0);" class="title" id="title"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wrapper">
                <div class="content">
                    <div class="" >
                        <div class="card box-new-card" style="height: 380px;">
                            <div class="card-header">
                                <h4><img src="/images/icon-home-2.png" alt="">重要公告</h4>
                                <div class="card-actions">
                                    <div class="searchs pull-left">
                                        <input type="text" id="searchInfo" placeholder="请输入公告名称" autocomplete="off" class="s-input">
                                        &lt;!&ndash;                            <i class="mdi mdi-magnify"></i>&ndash;&gt;
                                        <button onClick="announcementTableInit()" type="button" class="s-button"><img src="/images/l-search.png" alt=""></button>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <table id="announcement_list"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="row-2 clearfix">
        <div class="card box-new-card box-xsjb">
            <div class="card-header">
                <h4><img src="/images/icon-home-3.png" alt="">销售简报</h4>
                <div class="card-actions">
                    <ul class="browse-data">
                        <li onclick="addmentFun('thisLastMonth')" class="a-thisLastMonth">上月</li>
                        <li onclick="addmentFun('thisMonth')" class="active a-thisMonth">本月</li>
                    </ul>
                </div>
            </div>
            <div class="card-body" >
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="well">
                            <span class="n-achieve">新增订单</span>
                            <span class="p-data" id="addOrderNumber"></span>
                            <img src="/images/icon-x-3.png" alt="">
                            &lt;!&ndash;<img src="/images/skinFestival/minAutumn/icon-x-3.png" alt="">&ndash;&gt;
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="well">
                            <span class="n-achieve">新增业绩</span>
                            <span class="p-data" id="addAchievementNumber"> </span>
                            <img src="/images/icon-x-4.png" alt="">
                            &lt;!&ndash;<img src="/images/skinFestival/minAutumn/icon-x-4.png" alt="">&ndash;&gt;
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                        <div class="well">
                            <span class="n-achieve">新增拜访</span>
                            <span class="p-data" id="addFollowVisitNumber"> </span>
                            <img src="/images/icon-x-5.png" alt="">
                            &lt;!&ndash;<img src="/images/skinFestival/minAutumn/icon-x-5.png" alt="">&ndash;&gt;
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row-2-right">
            <div class="card box-new-card box-ywtx">
                <div class="card-header">
                    <h4><img src="/images/icon-home-4.png" alt="">遗忘提醒</h4>
                    <div class="card-actions">
                        <a href="#!" onclick="selectRemindType('1')">查看全部<i class="mdi mdi-chevron-double-right"></i></a>
                    </div>
                </div>
                <div class="card-body forge-remin">
                    <span class="data-people">逾期未联系<span class="k-data"></span></span>
                    <img src="/images/icon-x-21.png" alt="">
                    &lt;!&ndash;<img src="/images/skinFestival/minAutumn/icon-x-21.png" alt="">&ndash;&gt;
                </div>
            </div>
            <div class="card box-new-card box-ssq">
                <div class="card-body">
                    <img src="/images/icon-x-1.png" alt="" class="d-img-back">
                    &lt;!&ndash;<img src="/images/skinFestival/nationalDay/icon-x-1.jpg" alt="" class="d-img-back">&ndash;&gt;
                    <div class="text">今日抽签剩余 <span id="luckType">3</span> 次机会<button data-target="#luckyModal" data-toggle="modal" class="btn-img">立即抽取</button></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="card box-new-card" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-6.png" alt=""><span onclick="funJudgeRank('业绩排行')" class="p-judg y-pointer">业绩排行</span>
                        <span onclick="funJudgeRank('产品排行')" class="c-judg p-active y-pointer">产品排行</span></h4>
                    <div class="card-actions">
                        <input type="text" hidden class="j-pank">
                        <ul class="browse-data">
                            <li onclick="funRankAchieve('')" class="j-thisAll">全部</li>
                            <li onclick="funRankAchieve('thisMonth')" class="j-thisMonth active">本月</li>
                            <li onclick="funRankAchieve('thisLastMonth')" class="j-thisLastMonth">上月</li>
                        </ul>
                    </div>
                </div>
                <div class="card-body">
                    <div class="l-wrap"></div>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="card box-new-card" style="height: 500px;">
                <div class="card-header">
                    <h4><img src="/images/icon-home-5.png" alt="">个人业绩走势</h4>
                </div>
                <div class="card-body" style="width: 100%;height: 400px">
                    <div id="e-line" style="width: 100%;height: 400px"></div>
                </div>
            </div>
        </div>
    </div>


</div>-->
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<!--行内编辑插件-->
<!--<link href="/js/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js"></script>-->
<!--以下是tree-grid的使用示例-->
<link href="/js/jquery-treegrid/jquery.treegrid.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery-treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<!--滚动新闻-->
<script type="text/javascript" src="/js/jquery-super-slide/jquery.SuperSlide.2.1.3.js"></script>
<!--轮播图-->
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<!-- 分页 -->
<script src="/js/jquery.pagination.js"></script>
<!--对话框-->
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/swiper/swiper.min.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/main/csd.main.js"></script>
<script>
    $(document).ready(function () {
        // 处理页面有滚动条时，页面右侧边距缩窄
        if (window.innerWidth !== $(document).width()) {
            $('.container-fluid').addClass('p-scroll');
        }
        // 模态框显示时模糊背景
        $('.modal').on('show.bs.modal', function (e) {
            $('.container-fluid').addClass('modal-blur');
        }).on('hidden.bs.modal', function (e) {
            $('.container-fluid').removeClass('modal-blur');
        })
    })
</script>
</body>
</html>
